<template>
	<view class="communityPoap_container">
		<time-line :time-list="time_line_list" ref="timeline" location="center" title="社区发展"></time-line>
	</view>
</template>

<script>
	import timeLine from '../../components/TimeLine/TimeLine.vue'
	export default {
		components: {
			timeLine
		},
		data() {
			return {
				time: 0,
				isclick: true,
				// 数据
				time_line_list: [{
						title: '2017.11',
						title_span: '诞生',
						content: '一颗可以燎原的火种，在心中生根'
					},
					{
						title: '2018.11',
						title_span: '火源链',
						content: '共创价值、共享价值的网络第一次尝试构建'
					},
					{
						title: '2019.11',
						title_span: '赋能',
						content: '火源链为实体行业赋能'
					},
					{
						title: '2021.6',
						title_span: '火源社区',
						content: '一个DAO的组织形态雏形开始形成'
					},
					{
						title: '2022.2',
						title_span: 's11eDAO',
						content: '正式组建一个web3.0的施工队'
					},
					{
						title: '2022.3',
						title_span: 'bsinPaas',
						content: '一站式低代码开发平台'
					},
					{
						title: '2022.5',
						title_span: 'bigan',
						content: '一切皆可NFT'
					},
					{
						title: '2022.6',
						title_span: 'daobook',
						content: 'DAO的治理服务平台诞生'
					},
					{
						title: '2022.7',
						title_span: 's11e-DAO-protocol',
						content: 'DAO组织的治理服务协议'
					},
					{
						title: '',
						title_span: '不断破界',
						content: '未来还在继续...'
					},
				],
			}
		},
		onPageScroll() {
			if (this.isclick) {
				this.timer();
				this.$refs.timeline.getScroll();
			}
		},
		methods: {
			timer() {
				if (this.time > 0) {
					this.isclick = false;
					this.time--;
					setTimeout(this.timer, 1)
				} else {
					this.isclick = true;
					this.time = 10
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.communityPoap_container {}
</style>
